<template>
  <!-- 搜索框部分 -->
  <div class="search">
    <div class="search-input">
      <icon class="search-icon" type="search" size="32rpx" @tap="searchInput"></icon> 搜索
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      
    }
  },
  methods: {
    searchInput(){
     wx.navigateTo({
        url:'/pages/search/main'
        
      })
    }
  }
}
</script>

<style>
  .search{
    background-color: #ff2d4a;
    padding: 20rpx 16rpx;
  }
  .search-input{
      background-color: #333;
      }
  .search-input{
    height: 70rpx;
    background-color: #fff;
    border-radius: 20rpx;
    display:flex;
    justify-content: center;
    align-items: center;
    color:#bbb;
    font-size: 30rpx;
  }
  .search-icon{
    margin-right: 16rpx;
  }
</style>